@import "kpStyle";
body{
  padding-bottom: 0;
}
.tab{
    display:flex;
    width: 400*@px;
    height: 70*@px;
    line-height: 70*@px;
    text-align: center;
    margin: 50*@px auto 50*@px;
    
  }
  .tab div{
    flex: 1;
    font-size: 26*@px;
    color: #ef5853;
    border: 1*@px solid #ef5853;
  }
  .tab div:first-of-type{
    border-right: none;
    border-radius: 35*@px 0 0 35*@px;
  }
  .tab div:last-of-type{
    border-radius: 0 35*@px 35*@px 0;
  }
  .currentView{
    background-color: #ef5853;
    color: white !important;
  }
  .list .li{
    padding: 0 24*@px;
    box-sizing: border-box;
    background-color: white;
    height: 120*@px;
    border-bottom: 1*@px solid #ececec;
    font-size: 26*@px;
    position: relative;
  }
  .list .li .mark{
    width: 64*@px;
    height: 47*@px;
    position: absolute;
    left: 24*@px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .list .li:last-of-type{
    border-bottom: none;
  }
  .list .li .left{
    position: absolute;
    left: 110*@px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: 38*@px;
  }
  .list .li .left text{
    display: block;
  }
  .list .li .right{
    line-height: 40*@px;
    
  }
  .list .li .right text{
    display: block;
  }
  .list .li .right text:first-of-type{
    color: #ef5853;
    margin-top: 10*@px;
  }